import{O as B,a as S,b as y}from"./OnboardingPage-9CCXk6WQ.js";import{d as u,o as m,c as C,r as b,n as k,_ as h,a as n,b as L,w as t,e as i,f as r,m as e,x as A,y as M}from"./index-c80Lh_is.js";const F="data:image/svg+xml,%3csvg%20width='101'%20height='118'%20viewBox='0%200%20101%20118'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_d)'%3e%3cpath%20d='M79%2094C79%2095.1046%2078.1046%2096%2077%2096L16%2096C14.8954%2096%2014%2095.1046%2014%2094L14%2016C14%2014.8954%2014.8954%2014%2016%2014L67%2014L67%2027.5C67%2028.6046%2067.8954%2029.5%2069%2029.5L79%2029.5L79%2094Z'%20fill='%23260D50'/%3e%3c/g%3e%3cg%20filter='url(%23filter1_d)'%3e%3cpath%20d='M79%2029.5L67%2029.5L67%2014L79%2029.5Z'%20fill='%237C2BBD'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d'%20x='0'%20y='0'%20width='101'%20height='118'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeMorphology%20radius='4'%20operator='dilate'%20in='SourceAlpha'%20result='effect1_dropShadow'/%3e%3cfeOffset%20dx='4'%20dy='4'/%3e%3cfeGaussianBlur%20stdDeviation='7'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.402833%200%200%200%200%200.279167%200%200%200%200%200.5%200%200%200%200.11%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow'%20result='shape'/%3e%3c/filter%3e%3cfilter%20id='filter1_d'%20x='53'%20y='0'%20width='48'%20height='51.5'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeMorphology%20radius='4'%20operator='dilate'%20in='SourceAlpha'%20result='effect1_dropShadow'/%3e%3cfeOffset%20dx='4'%20dy='4'/%3e%3cfeGaussianBlur%20stdDeviation='7'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.402833%200%200%200%200%200.279167%200%200%200%200%200.5%200%200%200%200.11%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e",O="data:image/svg+xml,%3csvg%20width='103'%20height='120'%20viewBox='0%200%20103%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_d)'%3e%3cpath%20d='M80%2030.5L70%2030.5C68.8954%2030.5%2068%2029.6046%2068%2028.5L68%2015M80%2030.5L80%2095C80%2096.1046%2079.1046%2097%2078%2097L17%2097C15.8954%2097%2015%2096.1046%2015%2095L15%2017C15%2015.8954%2015.8954%2015%2017%2015L68%2015M80%2030.5L68%2015'%20stroke='%23BFBFBF'%20stroke-width='2'%20stroke-dasharray='4%204'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d'%20x='0'%20y='0'%20width='103'%20height='120'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeMorphology%20radius='4'%20operator='dilate'%20in='SourceAlpha'%20result='effect1_dropShadow'/%3e%3cfeOffset%20dx='4'%20dy='4'/%3e%3cfeGaussianBlur%20stdDeviation='7'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.402833%200%200%200%200%200.279167%200%200%200%200%200.5%200%200%200%200.11%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e",I=u({__name:"ServiceBox",props:{active:{type:Boolean,required:!1,default:!1}},emits:["clicked"],setup(o,{emit:d}){const s=o,l=d;return(c,a)=>(m(),C("div",{class:k(["box",{"box--active":s.active}]),"data-testid":"box",onClick:a[0]||(a[0]=f=>l("clicked"))},[b(c.$slots,"default",{},void 0,!0)],2))}}),p=h(I,[["__scopeId","data-v-506b07cb"]]),g=o=>(A("data-v-6d468986"),o=o(),M(),o),G={class:"service-mode-list"},V=g(()=>e("div",{class:"service-box-content"},[e("img",{src:F}),r(),e("p",{class:"service-mode-title"},`
                  Demo app
                `),r(),e("p",null,"Counter application")],-1)),R=g(()=>e("div",{class:"service-box-content"},[e("img",{src:O}),r(),e("p",{class:"service-mode-title"},`
                  Manually
                `),r(),e("p",null,"After this wizard")],-1)),D=u({__name:"OnboardingAddNewServicesView",props:{mode:{}},emits:["change"],setup(o,{emit:d}){const s=o,l=d;return(c,a)=>{const f=n("RouteTitle"),v=n("AppView"),_=n("RouteView");return m(),L(_,{name:"onboarding-add-new-services-view"},{default:t(({t:x})=>[i(f,{title:x("onboarding.routes.add-services.title"),render:!1},null,8,["title"]),r(),i(v,null,{default:t(()=>[i(B,null,{header:t(()=>[i(S,null,{title:t(()=>[r(`
              Add services
            `)]),_:1})]),content:t(()=>[e("div",G,[i(p,{"data-testid":"onboarding-demo",active:s.mode==="demo",onClicked:a[0]||(a[0]=w=>l("change","demo"))},{default:t(()=>[V]),_:1},8,["active"]),r(),i(p,{"data-testid":"onboarding-manually",active:s.mode==="manually",onClicked:a[1]||(a[1]=w=>l("change","manually"))},{default:t(()=>[R]),_:1},8,["active"])])]),navigation:t(()=>[i(y,{"next-step":s.mode==="manually"?"onboarding-completed-view":"onboarding-add-new-services-code-view","previous-step":"onboarding-create-mesh-view"},null,8,["next-step"])]),_:1})]),_:1})]),_:1})}}}),$=h(D,[["__scopeId","data-v-6d468986"]]);export{$ as default};
